<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__PLUGIN__/layui/css/layui.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/article_detail.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$article['title']}</title>
    <meta name="keywords" content="{$article['keywords']}">
    <meta name="description" content="{$article['describe']}">
</head>
<body>
<div id="main">

    {include file="common/nav" /}

    <input type="hidden" name="viewRecordCount" value="{$viewRecordCount}"/>

    <div id="center" class="com">
        <div id="left-box">

            <!--content-box start-->
            <div class="content-box">
                <h2 class="htitle"><span class="con_nav">您现在的位置是：<a href="javascript:void(0);">文章</a>{if !empty($category)}&nbsp;&gt;&nbsp;<a href="javascript:void(0);">{$category['name']}</a>{/if}</span>{if !empty($category)}<span class="t_title">{$category['name']}</span>{/if}</h2>

                <h1 class="con_tilte">{$article.title}</h1>
                <p class="bloginfo">
                    <i class="avatar"><img src="{$article.avatar|image_processing=1}"></i>
                    <span class="author">{$article.author}</span>
                    <span>{$article.createtime}</span>
                    {if !empty($category)}
                    <span>【{$category['name']}】</span>
                    {/if}
                    <span>{$article['clicks']}人已围观</span>
                </p>
                <p class="con_info"><b>简介</b>{$article.info}</p>
                <div class="con_text">
                    {if !empty($article.video_url)}
                    <video width="100%" height="500" controls>
                        <source src="{$article.video_url}" type="video/mp4">
                    </video>
                    {else/}
                    {$article.content}
                    {/if}
                    {if !empty($article['tags'])}<p>Tags：{$article.tagsStr}</p>{/if}
                    <!--{if !empty($site.reprint_note)}<p class="share"><b>转载：</b>{$site.reprint_note}</p>{/if}-->

                    <p class="operation-btn">
                        <a href="javascript:void(0);" class="diggit"> 很赞哦！ (<b id="diggnum">{$article.zan}</b>)</a>
                        <a href="javascript:void(0);" class="reward"> 打赏
                            {if !empty($site.collection_code)}
                                <img src="{$site.collection_code}"/>
                            {/if}
                        </a>
                    </p>

                    <div class="nextinfo">
                        <p>上一篇：{if !empty($lastArticle)}<a href="{:url('/detail/'.$lastArticle['id'])}">{$lastArticle['title']}</a>{else/}没了哟{/if}</p>
                        <p>下一篇：{if !empty($nextArticle)}<a href="{:url('/detail/'.$nextArticle['id'])}">{$nextArticle['title']}</a>{else/}没了哟{/if}</p>
                    </div>
                </div>
            </div>
            <!--content-box stop-->

            <!--related-articles start-->
            {if !empty($relevantArticleList)}
            <div class="related-articles">
                <h2 class="htitle">相关文章</h2>
                <ul class="otherlink">
                    {volist name="relevantArticleList" id="relevant"}
                    <li>
                        <a href="{:url('/detail/'.$relevant['id'])}" title="{$relevant.title}" target="_blank">{$relevant.title}</a>
                    </li>
                    {/volist}
                </ul>
            </div>
            {/if}
            <!--related-articles stop-->

            <!--comment start-->
            <div class="comment">
                <h2 class="htitle">文章评论</h2>
                <ul>
                    {volist name="articleCommentList" id="articleComment"}
                    <div class="fb">
                        <ul style='background-image:url("{$articleComment.avatar|image_processing=1}");'>
                            <p class="fbtime"><span>{$articleComment.createtime}</span>{$articleComment.nickname}</p>
                            <p class="fbinfo">{$articleComment.content}</p>
                        </ul>
                    </div>
                    {/volist}

                    <!--文章评论-->
                    <div id="plpost">
                        <p class="saying"><span><a href="/e/pl/?classid=5&amp;id=24">共有{$article.commentCount}条评论</a></span>来说两句吧...</p>
                        <p class="yname"><span>用户名:</span>
                            <input name="username" type="text" class="inputText" id="username" value="" size="16">
                        </p>
                        <p class="yzm"><span>验证码:</span>
                            <input name="captcha" type="text" class="inputText" size="16">
                            <img src="{:captcha_src()}" align="absmiddle" name="plKeyImg" id="plKeyImg" onclick="javascript:this.src='{:captcha_src()}?rand='+Math.random()" title="看不清楚,点击刷新">
                        </p>
                        <textarea name="saytext" rows="6" id="saytext"></textarea>
                        <input name="imageField" type="submit" value="提交" id="articleCommentS">
                        <input name="article_id" type="hidden" value="{$article['id']}">
                    </div>
                </ul>
            </div>
            <!--comment stop-->

        </div>

        <div id="right-box">
            <!--click-rank start-->
            {if !empty($clicksSortArticleList)}
            <div class="click-rank">
                <h2 class="title">点击排行</h2>
                <ul>
                    {volist name="clicksSortArticleList" id="clicks"}
                    <li><i></i><a href="{:url('/detail/'.$clicks['id'])}" title="{$clicks.title}" target="_blank">{$clicks.title}</a></li>
                    {/volist}
                </ul>
            </div>
            {/if}
            <!--click-rank stop-->

            <!--tag-cloud start-->
            {if !empty($tagsList)}
            <div class="tag-cloud">
                <h2 class="title">标签云</h2>
                <div id="tag-box">
                    {volist name="tagsList" id="tag"}
                    <a href="/list/0/0/{$tag.id}" target="_blank">{$tag.name}</a>
                    {/volist}
                </div>
            </div>
            {/if}
            <!--tag-cloud stop-->

            <!--you-like start-->
            {if !empty($guessArticleList)}
            <div class="you-like">
                <h2 class="htitle">猜你喜欢</h2>
                <ul>
                    {volist name="guessArticleList" id="guess"}
                    <li><a target="_blank" href="{:url('/detail/'.$guess['id'])}" title="{$guess.title}">{$guess.title}</a></li>
                    {/volist}
                </ul>
            </div>
            {/if}
            <!--you-like stop-->

        </div>
    </div>

    {include file="common/footer" /}

</div>

<script type="text/javascript" src="__JS__/common.js?v=__VERSION__"></script>
<script type="text/javascript" src="__PLUGIN__/layui/layui.js?v=__VERSION__"></script>
<script type="text/javascript" src="__JS__/article_detail.js?v=__VERSION__"></script>
<script type="text/javascript" src="__JS__/diary_index.js?v=__VERSION__"></script>
</body>
</html>